@charset "utf-8";
/** {    margin: 0;  padding:0; }*/

*, *:before, *:after {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  }

article, aside, details, figcaption, figure, footer, header, menu, nav, section, summary {  display: block;  }

audio, canvas, video {  display: inline-block;  }

img {  border: none;  vertical-align: middle;  }

/*.none{display: none!important;}*/

body {
    font-size: 12px;
    font-family: "pingfang sc","Microsoft YaHei", "微软雅黑", Helvetica, Tahoma, STXihei, "华文细黑", STHeiti, "Helvetica Neue", Helvetica, Tahoma, "Droid Sans", "wenquanyi micro hei", FreeSans, Arimo, Arial, SimSun, "宋体", Heiti, "黑体", sans-serif;
    background: #fff;
    height: 100%;
    line-height: 1.7;
    position: relative;
}
/*common s*/
html { height:100%;}
.q_warp {  min-height:100%;margin-bottom: -60px;}
a{text-decoration: none;}
.primary { color: #2e57a4; } /* 主要文字链字色 */
.primary:hover{ color: #294e93; }
.minor { color: #8da5d1;  } /* 次要文字链字色 */
.minor:hover { color: #8da5d1; }
.img-circle{ border-radius: -webkit-border-radius:50%;  -moz-border-radius:50%;  border-radius:50%;}
p{margin: 0 0 20px; letter-spacing: 1px}
.clear { *zoom: 1;           /* for IE 6/7 */  }
.clear:before, .clear:after { height: 0;  content: "";  font-size: 0;  display: table;  line-height: 0;     /* for Opera */  visibility: hidden;  }
.clear:after { clear: both;  }
.fl{ float: left;}
.fr{ float: right;}
.none { display: none;}
.inline { display: inline-block;  vertical-align: top;zoom: 1; *display: inline;}
.red {color: red;}
.pointer{cursor:pointer;}
.contain { width: 960px;  margin: 50px auto;  }
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.ml10 {margin-left: 10px;}
.ml20 {margin-left: 20px;}
.ml30 {margin-left: 30px;}
.pd20 {padding:20px;}
.pb10 {padding-bottom: 10px;}
.pb20 {padding-bottom: 20px;}
.bor {border:1px solid #eee;}
.bor_b { border-bottom: 1px solid #eee;}
.bor_t { border-top: 1px solid #eee;}
.bor_l { border-left: 1px solid #eee;}

.bg_fa {  background-color: #fafafa;}
.bg_ff {  background-color: #fff;}
.bg_f3 {  background-color: #f3f3f3;}

.ql-btn { background: #2e57a4; color: #fff; }
.ql-btn:hover { background: #294e93;}
.ql-btn:hover {color: #fff; }
/* common e*/
/*header start*/
#ql-header { background: #f6f9f9;font-size: 16px; line-height:1;}
#ql-header .head-warp { width: 960px;  margin: 0 auto;  }
#ql-header .logo { margin-right: 45px;  }
#ql-header .logo a { padding: 15px 0;  }
#ql-header .nav-list .nav-list-item:hover, .dropdown-menu li:hover a,#ql-header .nav-list .nav-list-item a.active{  background: #e5ebef;  }
#ql-header .nav-list .nav-list-item a {  color: #333;  display: block;  padding: 32px 15px;  text-align: center;  }
#ql-header .nav-list .nav-list-item a:hover, #ql-header .nav-list .nav-list-item a:link {  text-decoration: none;  }
.avator { list-style: none;  margin-bottom:0;  }
.avator .dropdown-menu { right: 15px;  left: auto;  top: 75px;  z-index: 11;  min-width: 120px;  border:none; background: #fff; padding: 0; }
.avator .dropdown-menu li a { color: #2e57a4;  display: block;  padding: 15px 15px;  line-height: 20px;  }
.avator .dropdown-menu li i { font-size: 15px;  padding-right: 12px;  }
.dropdown-toggle { padding: 20px 15px;  color:#333;  font-size: 14px; }
.dropdown-toggle .badge{  background: red; position: absolute; top: 15px;  left: 40px; }
.dropdown-toggle:hover{ text-decoration: none;}
.dropdown-toggle img { width: 40px;  height: 40px;  margin-right:5px;  }
.dropdown-menu:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid dashed dashed dashed;
    right: 30px;
    border-color: transparent transparent #fff transparent;
    top: -20px;
}
ul.dropdown-menu .badge {  background: red;  display: inline-block;  margin-left: 10px;  }
.login li{  float: left;  position: relative;  display: block;  list-style: none; padding:23px 5px; }
.login li a {display: block;line-height: 20px;}
.login li a.lgin{ border: 1px solid #2e57a4;}
.login li a.lgin:hover{ background: #f0f0f0;}
/*header end*/
/*footer start*/
footer{  text-align: center;  background: #f6f9f9;  font-size: 12px;  color: #8da5d1;  height: 60px;  line-height: 60px;  }
/*footer end*/
/*箭头图标 下*/
.avator .down {
    display: inline-block;
    width:10px;
    height:6px;
    background: url("/static/base/img/down.png");
    -webkit-background-size: 100%;
    background-size:100%;
    vertical-align: middle;
    margin-left: 10px;
}
/* icon */
.icon { display: inline-block; width: 14px; height: 14px;  vertical-align: middle; }
.profile-main .profile-other .icon { margin-right:7px;}
.icon-pos { background-image: url("/static/base/img/pos.png"); }
.icon-skill { background-image: url("/static/base/img/click.png"); }
.icon-company { background-image: url("/static/base/img/company.png"); }
/*超出隐藏*/
.overhidden{
    word-wrap: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* 锚点跳转的背景颜色变化 */
.targetColor{
    animation: targetColor 2s;
    -moz-animation: targetColor 2s; /* Firefox */
    -webkit-animation: targetColor 2s;  /* Safari 和 Chrome */
    -o-animation: targetColor 2s;   /* Opera */
}
@keyframes targetColor
{
    from {background: #FFF7AE;}
    to {background: #fff;}
}

@-moz-keyframes targetColor /* Firefox */
{
    from {background: #FFF7AE;}
    to {background: #fff;}
}

@-webkit-keyframes targetColor /* Safari 和 Chrome */
{
    from {background: #FFF7AE;}
    to {background: #fff;}
}

@-o-keyframes targetColor /* Opera */
{
    from {background: #FFF7AE;}
    to {background: #fff;}
}
